<!--
* @des:  人员管理
* @date: 2021-12-05 10:02:06
* @version:  1.0
*
* Date                   Author               Description
* ------------------------------------------------------
* 2021-12-05             曹天笑               创建
-->
<template>
    <div class="staff-manage">
        <div class="map-block">
            <div class="title">
                <span>人员管理可视化</span>
            </div>
            <img src="@/assets/images/map-tun.png" alt="">
        </div>
        <div class="transfer-info">
            <div class="diy-select">
                <div class="select clearfix">
                    <span class="select-word fl">人员基本信息</span>
                    <!-- 切换家active -->
                    <span class="icon-arraw fl"></span>
                </div>
            </div>
            <div class="staff-info division-line">
                <div class="info-line clearfix">
                    <div class="avarta fl">
                        <img src="@/assets/images/pic.jpg" alt="" />
                    </div>
                    <div class="info-detail fl">
                        <div class="name">王佳琪</div>
                        <div class="word"><span class="icon-phone">18888888888</span></div>
                        <div class="word"><span class="icon-pos">保集广场</span></div>
                    </div>
                </div>
                <div class="info-list">
                    <div class="info-item">
                        <div class="info-value">女</div>
                        <div class="info-type">性别</div>
                    </div>
                    <div class="info-item">
                        <div class="info-value">
                            <span>38</span>
                            <span class="unit">岁</span>
                        </div>
                        <div class="info-type">年龄</div>
                    </div>
                    <div class="info-item">
                        <div class="info-value">清洁工</div>
                        <div class="info-type">职位</div>
                    </div>
                </div>
                <div class="line"></div>
                <div class="info-pos">
                    <div class="info-pos-title">
                        <span class="label">当前位置：</span>
                        <span class="word">浙江省金华市保集广场</span>
                    </div>
                    <div class="info-pos-list">
                        <div class="info-pos-item info-item1">
                            <div class="num-line">
                                <span class="num">80</span>
                                <span class="unit">bpm</span>
                            </div>
                            <div class="word">心率</div>
                        </div>
                        <div class="info-pos-item info-item2">
                            <div class="num-line">
                                <span class="num">120/90</span>
                                <span class="unit">mm/HG</span>
                            </div>
                            <div class="word">血压</div>
                        </div>
                        <div class="info-pos-item info-item3">
                            <div class="num-line">
                                <span class="num">234444</span>
                                <span class="unit">步</span>
                            </div>
                            <div class="word">步数</div>
                        </div>
                        <div class="info-pos-item info-item4">
                            <div class="num-line">
                                <span class="num">5423</span>
                                <span class="unit">cal</span>
                            </div>
                            <div class="word">卡路里</div>
                        </div>
                        <div class="info-pos-item info-item5">
                            <div class="num-line">
                                <span class="num">0</span>
                                <span class="unit">次</span>
                            </div>
                            <div class="word">报警</div>
                        </div>
                        <div class="info-pos-item info-item6">
                            <div class="num-line">
                                <span class="num">80</span>
                                <span class="unit">%</span>
                            </div>
                            <div class="word">电量</div>
                        </div>
                    </div>
                </div>
                <div class="line"></div>
                <div class="locus-block">
                    <div class="title">作业轨迹</div>
                    <div class="locus-box"></div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped></style>
